@import '../../style/public';

.equipment {
    width: 100%;
    height: 100%;
    background: #f3f3f3;
    /deep/.van-popup--bottom{
        border-radius: pw(10) pw(10) 0 0;
    }
    /deep/.van-picker__toolbar{
        justify-content: center;
    }
    /deep/.van-picker__title{
        font-size: pw(14);
        font-weight: 500;
        text-align: center;
        padding-top: pw(18);
    }
    /deep/.van-picker__confirm{
        background: linear-gradient(271.44deg, #F52222 0%, #D81212 100%);
        color: #fff;
        width: pw(355);
        height: pw(44);
        position: absolute;
        left: 50%;
        border-radius: pw(10);
        margin-left: pw(-177.5);
        bottom: pw(-50);
        z-index: 20;
    }
    /deep/.van-picker__cancel{
        font-style: pw(16);
        width: pw(16);
        height: pw(16);
        position: absolute;
        top: pw(20);
        right: pw(20);
    }
}

.content {
    width: 100%;
    height: pw(281);
    margin: pw(10) auto 0;
    // padding: pw(10) pw(10) pw(10);
    @extend %box-sizing;
    
    border-radius: pw(10);
    position: relative;

    .content-top {
        border-radius: pw(10);
        background: #fff;
        margin: pw(10) auto 0;
        @extend %box-sizing;
        padding: pw(10);
        width: pw(355);
        height: pw(76);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-evenly;
        border-bottom: solid 1px #eeeeee;

        >div {
            font-size: pw(14);
            font-weight: 400;
        }

        .content-top-bottom {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;

            >input {
                width: pw(234);
            }

            >p {
                color: #3A69FD;
                line-height: pw(18);
                display: flex;
                align-items: center;
                justify-content: space-between;

                >span {
                    color: #eeeeee;
                }

                >img {
                    width: pw(16);
                    height: pw(16);
                    margin: 0 pw(4) 0;
                }
            }
        }
    }
}

.content-bottom {
    width: pw(355);
    height: pw(48);
    margin: 0 auto;
    .van-cell{
        border-radius: pw(10);
        height: pw(48);
        align-items: center;
        padding: pw(10) !important;
    }
}

.spanred {
    color: #FF211A;
}

.unbindbutton {
    background: linear-gradient(271.44deg, #F52222 0%, #D81212 100%);
    width: pw(355);
    height: pw(50);
    border-radius: pw(10);
    color: #fff;
    font-style: pw(16);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    margin-left: pw(-177.5);
    bottom: pw(50);
}